<template>
	<div class="account-medal" v-if="data?.length">
		<base-image
			v-for="item in data.slice(0, 2)"
			class="base-vip-medal size-5"
			:key="item.medalId"
			:src="item.medalImg" />
	</div>
</template>
<script lang="ts" setup>
import { BaseImage } from '@/components/base'
import { PropType } from 'vue'
import { Medal } from '@/types'

defineProps({
	data: {
		type: Array as PropType<Medal[]>,
		default: () => []
	}
})
</script>
